<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, user-scalable=no, width=device-width, minimum-scale=1, maximum-scale=1, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <!-- UC强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application">

    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <title>firday</title>
    <link rel="shortcut icon" href="../../wx/images/favicon.ico">
    <link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../../wx/css/common.css">
</head>
<body>
<div class="WaitingIco">
    <div class="rect1"></div>
    <div class="rect2"></div>
    <div class="rect3"></div>
    <div class="rect4"></div>
    <div class="rect5"></div>
</div>

<div class="page-group native-scroll PcContainer product-info">
    <div class="page page-current" id="page_product_detail">
        <header class="bar bar-nav friday-header">
            <img src="../../wx/images/logo/logo.png" class="L">
            <div class="R">快乐 亲子 全学科</div>
        </header>

        <div class="content native-scroll reading-detail">
            <div class="product-detail" id="page_product_detail_info">
                <div class="card">
                    <!--<h1 class="card-header book-title">Good night , gorilla</h1>-->
                    <!--<div class="card-header cover-info">-->
                        <!--<img src="../../wx/images/product/goodnight/goodnight-0.png">-->
                    <!--</div>-->
                    <div class="card-content">
                        <h1 class="book-title">Good night , gorilla</h1>
                        <div class="cover-info">
                            <img src="../../wx/images/product/goodnight/goodnight-0.png">
                        </div>
                    </div>
                </div>
                <div class="card">
                    <!--<div class="card-header">多媒体</div>-->
                    <div class="card-content audio-info">
                        <audio id="53067461-e133-a2b6-e5fb-2fca1cc4f446" width="100%" height="auto" preload="None" loop="" controls="">
                            <source src="../../wx/media/default_audio.mp3" type="audio/mpeg">
                        </audio>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">章节内容</div>
                    <div class="card-content">
                        <div class="list-block">
                            <ul>
                                <li><a href="../../views/product/reading_chapter.html" class="item-link item-content gotoDetail external">
                                    <div class="item-media"><i class="fa fa-toggle-right"></i></div>
                                    <div class="item-inner">
                                        <div class="item-title">第一章 Introduction</div>
                                    </div>
                                </a></li>
                                <li><a href="../../views/product/reading_chapter.html" class="item-link item-content gotoDetail external">
                                    <div class="item-media"><i class="fa fa-toggle-right"></i></div>
                                    <div class="item-inner">
                                        <div class="item-title">第二章 Key Words</div>
                                    </div>
                                </a></li>
                                <li><a href="../../views/product/reading_chapter.html" class="item-link item-content gotoDetail external">
                                    <div class="item-media"><i class="fa fa-toggle-right"></i></div>
                                    <div class="item-inner">
                                        <div class="item-title">第三章 Key Sentences</div>
                                    </div>
                                </a></li>
                                <li><a href="../../views/product/reading_chapter.html" class="item-link item-content gotoDetail external">
                                    <div class="item-media"><i class="fa fa-toggle-right"></i></div>
                                    <div class="item-inner">
                                        <div class="item-title">第四章 Supplement</div>
                                    </div>
                                </a></li>
                                <li><a href="../../views/product/reading_chapter.html" class="item-link item-content gotoDetail external">
                                    <div class="item-media"><i class="fa fa-toggle-right"></i></div>
                                    <div class="item-inner">
                                        <div class="item-title">第五章 Parents-Child Activities</div>
                                    </div>
                                </a></li>
                                <li><a href="../../views/product/reading_chapter.html" class="item-link item-content gotoDetail external">
                                    <div class="item-media"><i class="fa fa-toggle-right"></i></div>
                                    <div class="item-inner">
                                        <div class="item-title">第六章 带读视频</div>
                                    </div>
                                </a></li>
                                <li><a href="../../views/product/reading_chapter.html"  class="item-link item-content gotoDetail external">
                                    <div class="item-media"><i class="fa fa-toggle-right"></i></div>
                                    <div class="item-inner">
                                        <div class="item-title">第七章 拓展视频</div>
                                    </div>
                                </a></li>
                                <li><a href="../../views/product/reading_chapter.html" class="item-link item-content gotoDetail external">
                                    <div class="item-media"><i class="fa fa-toggle-right"></i></div>
                                    <div class="item-inner">
                                        <div class="item-title">第八章 拓展材料</div>
                                    </div>
                                </a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script data-main="../../wx/js/main.js?v=1.0" src="../../wx/js/lib/require.min.js?v=1.0" data-pageId="reading" data-host="../../wx/" data-version="1.0"></script>
</body>
</html>